<p-card [style]="{width: '800px','height':'560px'}">

  <div class="ui-g-12 ui-md-12">
    <div class="ui-inputgroup">
      <span class="ui-inputgroup-addon">版权说明1</span>
      <input [(ngModel)]="footer.title1" type="text" pInputText placeholder="请输入版权说明1" style="width: 400px">
    </div>
  </div>

  <div class="ui-g-12 ui-md-12">
    <div class="ui-inputgroup">
      <span class="ui-inputgroup-addon">备案号</span>
      <input [(ngModel)]="footer.title2" type="text" pInputText placeholder="备案号" style="width: 400px">
    </div>
  </div>

  <div class="ui-g-12 ui-md-12">
    <div class="ui-inputgroup">
      <span class="ui-inputgroup-addon">版权说明2</span>
      <input [(ngModel)]="footer.title3" type="text" pInputText placeholder="请输入版权说明2" style="width: 400px">
    </div>
  </div>

  <p-footer>
    <!--使用逻辑部分的 save() 方法实现 保存 -->
    <p-button label="保存" (click)="save()" ></p-button>
  </p-footer>

</p-card>

